<template>
	<view style="width:100%;">
		<swiper :style="{height:windowHeight+'px'}" :current="tabIndex"  :indicator-dots="true" :autoplay="true" :interval="3000" :duration="1000" >
			<swiper-item style="width: 100%;height: 100%;" v-for="(item,index) in guidelList" :key="index">
				<image class="img" style="width: 414px;height: 693px;" :src="item" mode="aspectFit"></image>
			</swiper-item>
		</swiper>
		
		</br>
		<view style="width: 129px;margin: 0 auto;">
			<button type="default" plain="true" @click="goto">立即体验</button>
		</view>
	</view> 
</template>

<script>
	export default {
		data() {
			return {
				tabIndex: '',
				guidelList: ['/static/guide/one.png','/static/guide/two.png','/static/guide/three.png'
				],
				windowHeight:'745',
			}
		},
		onLoad() {
		},
		mounted () {
		},
		methods: {
			goto() {
				uni.redirectTo({
				  url: '/pages/index/login'
				});
			}
		}
	}
</script>

<style>
</style>
